<template>
  <div class="flex justify-start align-center">
    <div class="margin-right-xs" v-if="record.options.addonBefore">
      {{ record.options.addonBefore }}
    </div>
    <div class="customFormNull" v-if="value == null || value == ''"></div>
    <span v-else>{{ value }}</span>
    <div class="margin-left-xs" v-if="record.options.addonAfter">
      {{ record.options.addonAfter }}
    </div>
  </div>
</template>

<script>
export default {
  name: "formulaTime",
  data() {
    return {
      data: undefined,
    };
  },
  props: ["value", "record", "disabled"],
  watch: {
    value(value) {
      if (value) {
        this.data = value;
      }
    },
  },
  methods: {
    onChange(value) {
      this.$emit("change", value);
    },
  },
};
</script>
<style lang="less" scoped>
.customFormNull {
  background: #eaeaea;
  border-radius: 3px;
  height: 6px;
  margin: 15px 0;
  width: 22px;
}
</style>
